<script lang="js" setup>
import { ref } from "vue"
import Recommend from './Recommend/index.vue'
import Swiper from '@/components/Swiper/index.vue'

// 分类标签
const categorys = ref([{ label: "玄幻", value: "玄幻" },{ label: "玄幻", value: "玄幻" },{ label: "玄幻", value: "玄幻" }])
</script>

<template>
    <div class="home">

        <Swiper></Swiper>

        <Recommend title="主编力荐"> </Recommend>

        <Recommend title="为你推荐" :items="categorys"> </Recommend>
    </div>
</template>

<style lang="scss" scoped>
.home {

    width: 100%;
    height: 100%;
}
</style>